home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web23 / Tutorial5-Data Files / rounded.css < prev    next >
Cascading Style Sheet File  |  2011-02-28  |  2KB  |  45 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Tutorial Case
  5.  
  6.    Style Sheet to create rounded boxes
  7.    Author: Joanne Ponce
  8.    Date:   2/27/2011
  9.  
  10.    Filename:         rounded.css
  11.    Supporting Files: bottom.png, bottomleft.png, bottomright.png, left.png,
  12.                      right.png, top.png, topleft.png, topright.png
  13.  
  14. */
  15.  
  16. table.roundedbox      {margin:5px; border-collapse: collapse}
  17. table.roundedbox  td {padding: 0px}
  18. table.roundedbox td.topleft           {width: 16px;  height: 16px}
  19. table.roundedbox td.topright         {width: 16px;  height: 16px}
  20. table.roundedbox td.bottomleft     {width: 16px; height: 16px}
  21. table.roundedbox td.bottomright   {width: 16px; height: 16px}
  22.  
  23. table.roundedbox td.top                   {width: auto; height: 16px}
  24. table.roundedbox td.bottom             {width: auto; height: 16px}
  25.  
  26. table.roundedbox td.left                 {width: 16px; height: auto}
  27. table.roundedbox td.right        {width: 16px; height: auto}
  28.  
  29. .topLeft  {background: url(topleft.png) no-repeat top left}
  30. .topRight  {backgound: url(topright.png) no-repeat top right}
  31. .bottomLeft {backgound: url(bottomleft.png) no-repeat bottom left}
  32. .bottomRight {background: url(bottomright.png) no-repeat bottom right}
  33.  
  34. .top                  {background: url(top.png) repeat-x top}
  35. .bottom            {background: url(bottom.png) repeat-x bottom}
  36.  
  37. .left                 {background: url(left.png) repeat-y left}
  38. .right               {background: url(right.png) repeat-y right} 
  39.  
  40. div. roundedbox  {margin: 5px; position: relative}
  41. div.boxContent  {padding: 16px}
  42.  
  43.  
  44.  
  45.